/* 修改密码页面头部样式 */
.header {
  background-color: #87ceeb; /* 背景颜色设置为浅蓝色 */
  text-align: center; /* 文本居中对齐 */
  padding: 20px; /* 内边距为20px */
  position: relative; /* 相对定位，用于定位子元素 */
}

/* 头部中的h1标签样式 */
.header h1 {
  color: white; /* 文字颜色为白色 */
  margin: 0; /* 外边距为0 */
  font-size: 34px; /* 字体大小为34px */
}

/* 返回链接样式 */
.back-link {
  position: absolute; /* 绝对定位 */
  right: 20px; /* 距离容器右边20px */
  top: 50%; /* 距离容器顶部50% */
  transform: translateY(-50%); /* 向上移动50%，以垂直居中 */
  color: #ff6b6b; /* 文字颜色为浅红色 */
  text-decoration: none; /* 去除下划线 */
  font-size: 14px; /* 字体大小为14px */
}

/* 修改密码容器样式 */
.rpwd-container {
  width: 400px; /* 宽度为400px */
  margin: 50px auto; /* 上下外边距为50px，左右自动（居中） */
  padding: 30px; /* 内边距为30px */
  border: 2px solid #ffb6c1; /* 边框为2px实线，颜色为浅粉色 */
  border-radius: 8px; /* 边框圆角为8px */
}

/* 表单组样式 */
.form-group {
  margin-bottom: 20px; /* 底部外边距为20px */
  display: flex; /* 使用弹性布局 */
  align-items: center; /* 子元素垂直居中 */
}

/* 表单组中的标签样式 */
.form-group label {
  width: 90px; /* 宽度为90px */
  text-align: right; /* 文本右对齐 */
  margin-right: 10px; /* 右边距为10px */
  color: #333; /* 文字颜色为深灰色 */
}

/* 表单组中的输入框样式 */
.form-group input {
  flex: 1; /* 弹性比例为1 */
  padding: 8px; /* 内边距为8px */
  border: 1px solid #ddd; /* 边框为1px实线，颜色为浅灰色 */
  border-radius: 4px; /* 边框圆角为4px */
  font-size: 14px; /* 字体大小为14px */
}

/* 表单组中的按钮样式 */
.form-group button {
  width: 100%; /* 宽度为100% */
  padding: 10px; /* 内边距为10px */
  background-color: #e0e0e0; /* 背景颜色为浅灰色 */
  border: none; /* 无边框 */
  border-radius: 4px; /* 边框圆角为4px */
  color: #333; /* 文字颜色为深灰色 */
  font-size: 16px; /* 字体大小为16px */
  cursor: pointer; /* 鼠标悬停时显示指针 */
}

/* 表单组中的按钮悬停样式 */
.form-group button:hover {
  background-color: #d3d3d3; /* 鼠标悬停时背景颜色为更深的灰色 */
}